<template>
  <view>
    <!-- 轮播图的组件 -->
    <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" circular>
      <swiper-item v-for="item in swiperList">
        <view class="swiper-item">
          <image :src=item mode=""></image>
        </view>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        // 轮播图数据
        swiperList:[
          "/static/imgs/swipper/05.png",
          "/static/imgs/swipper/01.png",
          "/static/imgs/swipper/02.png",
          "/static/imgs/swipper/03.png",
          "/static/imgs/swipper/04.png"
        ]
      };
    }
  }
</script>

<style lang="scss" scoped>
swiper{
    height: 330rpx;
    .swiper-item,
    image{
      width: 100%;
      height: 100%;
    }
  }
</style>
